<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="../template/template.xhtml">

	<ui:define name="body">
		<f:view>
			<h:form>
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="Lista de Usu�rios" />
					</f:facet>
					
					<!-- filtros -->
					<rich:toolBar height="34" itemSeparator="line">
						<rich:toolBarGroup>
							<h:outputLabel value="Nome:" />
				            <h:inputText id="nome" value="#{usuarioController.usuario.nome}" immediat="true"/>
						</rich:toolBarGroup>
		
						<rich:toolBarGroup>
							<h:outputLabel value="Departamento:" />
							<h:selectOneMenu id="departamento" value="#{usuarioController.usuario.departamento.departamentoId}" immediat="true" >
								<f:selectItems value="#{usuarioController.allDepartamentos}" />
							</h:selectOneMenu>
						</rich:toolBarGroup>
						
						<rich:toolBarGroup>
							<h:outputLabel value="Cargo:" />
							<h:selectOneMenu id="cargo" value="#{usuarioController.usuario.cargo.cargoId}" immediat="true">
								<f:selectItems value="#{usuarioController.allCargos}" />
							</h:selectOneMenu>
						</rich:toolBarGroup>
						
						<rich:toolBarGroup location="right" style="width:180px;">
							<h:commandButton value="Consultar" action="#{usuarioController.consultarUusarios}" />
						</rich:toolBarGroup>
					</rich:toolBar>
		
					<br/>
							
					<!-- lista -->
					<rich:dataTable value="#{usuarioController.usuarios}" binding="#{usuarioController.dataTable}" var="usuario" width="100%">
						<rich:column width="25%">
							<f:facet name="header">
								<h:outputLabel value="Nome" />
							</f:facet>
							<h:outputText value="#{usuario.nome}" />
						</rich:column>
					
						<rich:column width="20%">
							<f:facet name="header">
								<h:outputLabel value="Login" />
							</f:facet>
							<h:outputText value="#{usuario.login}" />
						</rich:column>
			
						<rich:column width="20%">
							<f:facet name="header">
								<h:outputLabel value="Email" />
							</f:facet>
							<h:outputText value="#{usuario.email}" />
						</rich:column>
		
						<rich:column width="20%">
							<f:facet name="header">
								<h:outputLabel value="Perfil Acesso" />
							</f:facet>
							<h:outputText value="#{usuario.perfilAcesso}" />
						</rich:column>
						
						<rich:column width="15%">
							<f:facet name="header">
								<h:outputLabel value="A��es" />
							</f:facet>
							<a4j:commandButton value="Editar" action="#{usuarioController.editarUsuario}" />
							<a4j:commandButton value="Remover" action="#{usuarioController.removerUsuario}" />
						</rich:column>
					</rich:dataTable>
				</rich:panel>
			</h:form>
		</f:view>	
	</ui:define>

</ui:composition>
